.out-of-stock-registration {
  height: calc(100vh - env(safe-area-inset-bottom));
  background-color: #f2f5f7;
  position: relative;
  .out-of-stock-registration-tip {
    color: #e8543b;
    background-color: #fdf9f1;
    height: 80rpx;
    line-height: 80rpx;
    font-size: 25rpx;
    box-sizing: border-box;
    text-align: center;
    border-top-left-radius: 30rpx;
    border-top-right-radius: 30rpx;

  }

  .out-of-stock-registration-input-content {
    background-color: #fff;
    padding: 25rpx;
    border-bottom-left-radius: 30rpx;
    border-bottom-right-radius: 30rpx;
  }

  .out-of-stock-registration-input {
    display: flex;
    padding: 30rpx 0;
    border-bottom: 2rpx solid #f6f6f6;
    font-size: 30rpx;

    .out-of-stock-registration-input-key {
      width: 155rpx;
    }

    .input-box {
      flex: 1;
    }
  }
}

.photo-wall {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  row-gap: 20rpx;
  justify-items: center;

  .photo-wall-item {
    border-radius: 30rpx;
    overflow: hidden;
    width: 200rpx;
    height: 200rpx;
    position: relative;

    .photo-wall-item-close-button {
      position: absolute;
      width: 40rpx;
      height: 40rpx;
      display: flex;
      align-items: center;
      justify-content: center;
      border-radius: 50%; // 圆形按钮
      color: #ffffff; // 白色图标
      font-size: 25rpx;
      background-color: rgba(0, 0, 0, 0.5); // 半透明黑色背景，不遮挡图片
      right: 5rpx;
      top: 5rpx;
    }
  }

  .add-button {
    width: 200rpx;
    height: 200rpx;
    font-size: 60rpx;
    color: #656565;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #f0f0f0;
    border-radius: 30rpx;
  }
}
.out-of-stock-registration-card{
  padding: 22rpx;
}
.out-of-stock-registration-save-button-content{
  position: absolute;
  bottom: 0;
  height: 120rpx;
  width: 100vw;
  background-color: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
  .out-of-stock-registration-save-button{
    background-color: #1989fa;
    width: 675rpx;
    height: 80rpx;
    color: white;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 20rpx;
    border-radius: 30rpx;
    transition: all 0.2s ease;
  }
  .out-of-stock-registration-save-button-hover{
    background-color: #0e72d1;
    transform: scale(0.98);
    box-shadow: 0 2rpx 8rpx rgba(0, 0, 0, 0.15);
  }
}